<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>聚衣商城</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
</head>

<body>
  <div class="app-wrap" v-cloak id="custom_daichengjie">
    <header-top></header-top>
    <div class="bg_red">
      <div class="container">
        <a href="#"></a>
        <div class="header_main">
          <span class="me">我的聚衣</span>
          <span class="back">返回聚衣首页</span>
        </div>
        <ul class="list clear">
          <li>首页</li>
          <li>账户管理
            <i class="icon-down_1"></i>
          </li>
          <li>消息</li>
        </ul>
        <div class="input_group">
          <input type="text" placeholder="搜索 商品">
          <button>搜索</button>
        </div>
      </div>
    </div>
    <div class="bg-gray" style="padding-bottom:60px">
      <common-crumb :crumblist="crumblist" class="order_crumblist"></common-crumb>
      <div class="content order_content">
        <div class="order_content_item">
          <div class="item_left">
            <div class="order_number">订单编号：201556555555</div>
            <h1>待收货</h1>
            <a href="#" class="button">确认收货</a>
          </div>
          <div class="item_right">
            <div class="order_status">
              该定制需求将会推送给聚衣平台，待平台给出承接结果。
            </div>
            <div class="custom_process">
              <div class="curstom_common custom_a">
                <i class="icon_dingzhi1"></i>
                <div class="custom_pos_common custom_posa">
                  <p>提交需求</p>
                  <div class="date">2017-12-25 18:09:08</div>
                </div>
              </div>
              <div class="curstom_common custom_b">
                <i class="icon_dingzhia"></i>
                <div class="custom_pos_common custom_posb"></div>
              </div>
              <div class="curstom_common custom_a">
                <i class="icon_dingzhi2 active"></i>
                <div class="custom_pos_common custom_posa">
                  <p>平台承接</p>
                </div>
              </div>
              <div class="curstom_common custom_b">
                <i class="icon_dingzhia"></i>
              </div>
              <div class="curstom_common custom_a">
                <i class="icon_dingzhi3 active"></i>
                <div class="custom_pos_common custom_posa">
                  <p>确认面料</p>
                </div>
              </div>
              <div class="curstom_common custom_b">
                <i class="icon_dingzhia"></i>
              </div>
              <div class="curstom_common custom_a">
                <i class="icon_dingzhi4 active"></i>
                <div class="custom_pos_common custom_posa">
                  <p>付款成功</p>
                </div>
              </div>
              <div class="curstom_common custom_b">
                <i class="icon_dingzhia"></i>
              </div>
              <div class="curstom_common custom_a">
                <i class="icon_dingzhi5 active"></i>
                <div class="custom_pos_common custom_posa">
                  <p>平台发货</p>
                  <div class="date">2017-12-25 18:09:08</div>
                </div>
              </div>
              <div class="curstom_common custom_b">
                <i class="icon_dingzhia"></i>
              </div>
              <div class="curstom_common custom_a">
                <i class="icon_dingzhi7"></i>
                <div class="custom_pos_common custom_posa">
                  <p>等待收货</p>
                  <div class="date">2017-12-25 18:09:08</div>
                </div>
              </div>
              <div class="curstom_common custom_b">
                <i class="icon_dingzhib"></i>
              </div>
              <div class="curstom_common custom_a custom_c">
                <i class="icon_dingzhi6"></i>
                <div class="custom_pos_common custom_posa">
                  <p>完成</p>
                  <div class="date">2017-12-25 18:09:08</div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="order_content_item mt20">
          <div class="item_left pt40">
            <div class="item_img">
              <img src="https://dummyimage.com/100x100/79b0f2" alt="">
            </div>
            <span>送货方式: 普通快递</span>
          </div>
          <div class="item_right">
            <div class="order_timeLine">
              <ul class="timeLine">
                <li class="active">2017-12-12 18:09:08 您已支付成功，等待卖家发货 </li>
                <li>2017-12-12 18:09:08 您提交了订单，等待付款</li>
              </ul>
            </div>
          </div>
        </div>

        <div class="order_detail custom_detail3 custom_border">
          <div class="order_detail_item">
            <div class="title">
              收货人信息
            </div>
            <div class="info_con">
              <div class="label">收货人：</div>
              <div class="item">华静茹 15</div>
              <div class="label">地址：</div>
              <div class="item">江苏南京市建邺区城区安如村</div>
              <div class="label">手机号码：</div>
              <div class="item">18588858662</div>
              <div class="label">备注：</div>
              <div class="item">无</div>
            </div>
          </div>
          <div class="order_detail_item">
            <div class="title">
              收货人信息
            </div>
            <div class="info_con">
              <div class="label">收货人：</div>
              <div class="item">华静茹 15</div>
              <div class="label">地址：</div>
              <div class="item">江苏南京市建邺区城区安如村</div>
              <div class="label">手机号码：</div>
              <div class="item">18588858662</div>
              <div class="label">备注：</div>
              <div class="item">无</div>
            </div>
          </div>
          <div class="order_detail_item">
            <div class="title">
              收货人信息
            </div>
            <div class="info_con">
              <div class="label">收货人：</div>
              <div class="item">华静茹 15</div>
              <div class="label">地址：</div>
              <div class="item">江苏南京市建邺区城区安如村</div>
              <div class="label">手机号码：</div>
              <div class="item">18588858662</div>
              <div class="label">备注：</div>
              <div class="item">无</div>
            </div>
          </div>
          <div class="order_detail_item">
            <div class="title">
              配送信息
            </div>
            <div class="info_con">
              <div class="label">收货人：</div>
              <div class="item">华静茹 15</div>
              <div class="label">地址：</div>
              <div class="item">江苏南京市建邺区城区安如村</div>
              <div class="label">手机号码：</div>
              <div class="item">18588858662</div>
              <div class="label">备注：</div>
              <div class="item">无</div>
            </div>
          </div>
          <div class="order_detail_item">
            <div class="title">
              承接信息
            </div>
            <div class="info_con">
              <div class="label" style="width: 60px;">处理时间：</div>
              <div class="item">2017-12-26 12:09:09</div>
              <div class="label" style="width: 60px;">承接结果：</div>
              <div class="item">承接失败</div>
              <div class="label" style="width: 60px;">失败原因：</div>
              <div class="item">买家不同意使用邮寄的面料</div>
            </div>
          </div>
          <div class="order_detail_item">
            <div class="title">
              承接信息
            </div>
            <div class="info_con">
              <div class="label" style="width: 60px;">处理时间：</div>
              <div class="item">2017-12-26 12:09:09</div>
              <div class="label" style="width: 60px;">承接结果：</div>
              <div class="item">承接失败</div>
              <div class="label" style="width: 60px;">失败原因：</div>
              <div class="item">买家不同意使用邮寄的面料</div>
            </div>
          </div>
          <div class="order_detail_item">
            <div class="title">邮寄面料信息</div>
            <div class="info_con">
              <div class="info_title">面料样品：</div>
              <div class="img_item">
                <div class="img">
                  <img src="https://dummyimage.com/100x100/79b0f2" alt="">
                </div>
                <p>白色#123</p>
              </div>
              <div class="img_item">
                <div class="img">
                  <img src="https://dummyimage.com/100x100/79b0f2" alt="">
                </div>
                <p>黑色#123</p>
              </div>
              <div class="img_item">
                <div class="img">
                  <img src="https://dummyimage.com/100x100/79b0f2" alt="">
                </div>
                <p>蓝色#123</p>
              </div>
            </div>
          </div>
        <div class="order_detail_item">
          <div class="title">邮寄面料信息</div>
          <div class="info_con">
            <div class="info_title">面料样品：</div>
            <div class="img_item">
              <div class="img"><img src="https://dummyimage.com/100x100/79b0f2" alt=""></div>
              <p>白色#123</p>
            </div>
            <div class="img_item">
              <div class="img"><img src="https://dummyimage.com/100x100/79b0f2" alt=""></div>
              <p>黑色#123</p>
            </div>
            <div class="img_item">
              <div class="img"><img src="https://dummyimage.com/100x100/79b0f2" alt=""></div>
              <p>蓝色#123</p>
            </div>
          </div>
        </div>
        </div>

        <div class="goodsName">
          聚衣服饰高端定制
          <i class="icon-login_qq"></i>
        </div>
        <div class="order_goods_detail">
          <table class="goodsList_table">
            <thead>
              <tr>
                <td>商品</td>
                <td>商品价格</td>
                <td>数量</td>
                <td>定制属性</td>
                <td>操作</td>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <div class="goods_img">
                    <img src="https://dummyimage.com/100x100/cca0f2" alt="">
                  </div>
                  <div class="goods_name">商务白领衬衫定制</div>
                  <div class="goods_type">
                    <p>颜色分类: 浅蓝色</p>
                    <p>尺寸: XXXL</p>
                  </div>
                </td>
                <td>￥320</td>
                <td>1</td>
                <td>服装定制</td>
                <td></td>
              </tr>
            </tbody>
          </table>
          <div class="order_goods_info">
            <div class="order_goods_price">
              <span>商品总额:</span>
              <span>￥320.00</span>
            </div>
            <div class="order_goods_price">
              <span>运 费:</span>
              <span>￥10</span>
            </div>
            <div class="order_goods_price">
              <span>平台优惠:</span>
              <span>￥20</span>
            </div>
            <div class="order_goods_price col_red">
              <span>应付金额:</span>
              <span>
                <h2>￥290</h2>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
    custom_daichengjie();
  </script>
</body>

</html>